<!doctype html>
<html class="no-js" lang="" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link rel="manifest" href="site.webmanifest">
    <link rel="apple-touch-icon" href="icon.png">
    <!-- Place favicon.ico in the root directory -->
    
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="../dist/js/vendor/vue.js"></script>
    <script src="js/main.js"></script>
</head>
<body onload="load()">
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
    your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- Add your site or application content here -->

<p class="mainArea">Hello world! This is HTML5 Boilerplate.</p>

<script src="js/vendor/modernizr-{{MODERNIZR_VERSION}}.min.js"></script>
<script src="https://code.jquery.com/jquery-{{JQUERY_VERSION}}.min.js" integrity="{{JQUERY_SRI_HASH}}"
    crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-{{JQUERY_VERSION}}.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>

<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
    window.ga = function () {
        ga.q.push(arguments)
    };
    ga.q = [];
    ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>

<div id="application">
    
    <img v-bind:src="image">

</div>

<div>
    
    <a href="html/ProductDetail.html"> 点我进入商品详情页 </a>
    
    <br>
    
    <a href="html/ProductDetailNatvie.html"> 点我进入商品详情页原生页面，没有网络请求 </a>

</div>

<button onclick="android.loadAndroid()">点我调用Android原生接口</button>

<div id='example-3'>
    <input type="radio" id="jack" value="Jack" v-model="checkedNames">
    <label for="jack">Jack</label>
    <input type="radio" id="john" value="John" v-model="checkedNames">
    <label for="john">John</label>
    <input type="radio" id="mike" value="Mike" v-model="checkedNames">
    <label for="mike">Mike</label>
    <br>
    <span>Checked names: {{ checkedNames }}</span>
</div>

<script>
    new Vue({
        el: '#example-3',
        data: {
            checkedNames: []
        }
    })
    
    
</script>


</body>
</html>
